<!--Props-->
<template>
   <div>
        <Props
            :url="url"
            :width="width"
            :inDataFilter="inDataFilter"
            :buts="buts"
            :flip="flip"
            :string="string"
            :number="number"
            :boolean="boolean"
            :array="array"
            :object="object"
            :funct="funct"
            :any="any"
            :all="all"
            :many="many"
            :date="date">
        </Props>
   </div>
</template>
<script lang="ts" setup>
import { ref } from 'vue';
// 嵌入url地址 url: {String} ( )
const url = ref("");
// iframe 的宽度 width: {String, Number} ( )
const width = ref("100%");
// 过滤接口返回数据 必须返回对象 inDataFilter: {Function} (res:[any]接口返回对象, obj:<Object>接口请求对象)
const inDataFilter = function (res:any,obj:Object) {
   return
};
//  表单按钮 pid: {1, 调用确认提交的方法; 2, 调用取消的方法} buts: {Function} ()
// 图标方向 flip: {String, Number, Array<ObjAny>} ()
const flip = ref([]);
// 字符串 string: {String} ( )
const string = ref("");
// 数字 number: {Number} ( )
const number = ref(2);
// 是否 boolean: {Boolean} ( )
const boolean = ref(false);
// 数组 array: {Array<string>} ( )
const array = ref([""]);
// 对象 object: {Object} ( )
const object = ref({});
// 方法 funct: {Function} ( )
const funct = function () {
   
};
// 所有类型 any: {any} ( )
const any = ref("");
// 所有类型 all: {} ( )
const all = ref("");
// 多类型 many: {String, Number, Array<String>} ( )
const many = ref("");
// 时间 date: {Date} ( )
const date = ref();
const buts = function (res:any) {
   return res?.data || {}
}
</script>